<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>layui表格模板生成</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<!-- <link rel="icon" href="favicon.ico" /> -->
	<link rel="stylesheet" href="src/plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_447857_ca915hb4t92uik9.css" media="all" />
    <link rel="stylesheet" href="src/style/table.css" media="all" />
</head>
<body>
	<div class="templateTable-body">
		<div class="layui-btn-group templateTableBtn">
			<div class="">
				<div class="layui-inline">
					<input class="layui-input" name="id" placeholder="ID" autocomplete="off">
				</div>
				<div class="layui-inline">
					<input class="layui-input" name="username" placeholder="用户名"  autocomplete="off">
				</div>
				<div class="layui-inline">
					<input class="layui-input" name="city" placeholder="城市" autocomplete="off">
				</div>
				<button class="layui-btn" event-type="tableQuery"><i class="iconfont icon-chaxun"></i> 查询</button>
			</div>
			<div class="">
				<button class="layui-btn" event-type="tableAdd"><i class="layui-icon">&#xe61f;</i> 新增</button>
				<button class="layui-btn layui-btn-danger"  event-type="tableDel"><i class="layui-icon">&#xe640;</i>批量删除</button>
			</div>
		</div>
		<table class="layui-table" id="templateTable" lay-filter="templateTable"></table>	   
		<script type="text/html" id="tableEvent">
			<a class="layui-btn layui-btn-mini" lay-event="edit"><i class="iconfont icon-bianji"></i> 编辑</a>
			<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del"><i class="iconfont icon-shanchu"></i> 删除</a>
		</script>
	</div>
	<div class="templateTable-form">
		<form class="form-horizontal layui-form">
			<div class="dynamic-content"></div>
			<div class="layui-form-item" style="display: none;">
				<div class="layui-input-block">
					<button class="layui-btn submit" lay-submit lay-filter="formSubmit">立即提交</button>
					<button type="reset" class="layui-btn layui-btn-primary reset">重置</button>
				</div>
			</div>
		</form>
	</div>
	<script id="formUnit" type="text/html">
		<div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div class="layui-input-block">
				<input type="text" name="" lay-verify="required" value="{{d.list[0].city ? d.list[0].city : ''}}" autocomplete="off" placeholder="" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div class="layui-input-block">
				<input type="text" name="" lay-verify="required" value="{{d.list[0].classify? d.list[0].classify : ''}}" autocomplete="off" placeholder="" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div class="layui-input-block">
				<input type="text" name="" lay-verify="required" value="{{d.list[0].experience? d.list[0].experience : ''}}" autocomplete="off" placeholder="" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div class="layui-input-block">
				<input type="text" name="" lay-verify="required" value="{{d.list[0].id? d.list[0].id : ''}}" autocomplete="off" placeholder="" class="layui-input">
			</div>
		</div>
	</script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue"></script>
	<script type="text/javascript" src="src/plugins/layui/layui.js"></script>
	<script type="text/javascript" src="src/config.js"></script>
	<script type="text/javascript" src="src/js/modules/templateTable.js"></script>
</body>
</html>
